/* CSS Document */

@media (max-width:1200px) {
	.focusbox li .img{ padding-top: 40%; }

}

@media( max-width:1024px){
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{background:#fff; width:30px; height:4px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:130px; position:absolute; right:0px; top: 100%; z-index:999999 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; margin-bottom:0px;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:14px; background:#0079f0;  }
	.top-head .sjdnav .acta{  background:#ff9801;}
	.top-logo{ padding-right:15px; width: auto; }
	.top-logo img{ /*max-height: 60px;*/}
	
	.top-header{ position: relative; }
	.top-head{ 
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .top-header > .container-fluid > img{ height: auto; }


    .wrap1 > .container-fluid{ padding: 40px 0; }
    .cents{ width: 100%; padding: 0; margin-top: 20px; }
    .wp1_left{ width: 100%; float: none; padding: 0 10px; }
    .wrap1 > .container-fluid .bgColor1{ width: 100%; right: 0; height: 260px; }
    .wp1_tit .p2{ font-size: 22px; }
    .wp1_tit .p1{ font-size: 25px; color: rgba(255, 255, 255, 0.3) }
    .wp1_tit::after{ width: 100%; right: auto; left: 100px; }
    .tabs{  width: 100%; margin: 7px 0;
        justify-content: space-between;
        -webkit-justify-content: space-between; }
    .tabs .tabLi{ width: 48%;   }
    .wp1_left .mores, .wp1_left .txt_t1{ display: none; }

    .tabs .tabLi a{ line-height: 48px; }
    .swiperCps h3{ font-size: 15px; line-height: 50px; }
    
    .wrap2{ margin: 0; }
    .parClear .swiper-button-prev, .parClear .swiper-button-next{ display: none; }
    .parClear{ padding: 0; }
    .wp2_tit .tits{ font-size: 25px; line-height: 30px; }
    .wp2_tit .par_t1{ font-size: 65px; }
    .wp2_tit .par_t1 p{ width: auto; min-width: 100%; font-size: 14px; }
    
    .wrap3{ padding: 40px 0px;  }
    .appClear a{ padding: 25px 10px; }
    .appClear .app_tit{ font-size: 17px; }
    .appClear .app_pic{ margin: 10px 0; }
    .wp4_tit .p2{ font-size: 26px;}
    .picFocus .bd li > div{ width: 100%; height: auto; }
    .picFocus .bd li .wp4_img .img{ padding-top: 50.4%; }
    .picFocus .bd li .wp4_rh .wp4_text{ padding: 30px 15px; width: 100%; }
    .picFocus .bd li .wp4_rh .wp4_text .wp4_t1{ margin-top: 0; font-size: 20px; padding-bottom: 10px; margin-bottom: 15px; }
    .picFocus .bd li .wp4_rh .wp4_text .wp4_t1 p{ font-size: 18px;}
    .picFocus .hd ul li a{ font-size: 16px; height: 60px; }
    .picFocus .hd ul li a .imgs img{ max-width: 55%; max-height: 55%; }
    .picFocus .hd ul li a .imgs{ width: 45px; }

    .abouts{ display: block; }
    .abLf{ width: 100%; }
    .abRh{ width: 100%; margin-top: 25px; }

    .foot1{ display: none;}


    .mbox_tit{ padding: 15px 10px 40px; }
    .mbox_tit .titLf{ width: 100%; float: none; margin: 0 0 15px; }
    .swiperBt a{ font-size: 14px; line-height: 50px; }

    .li03 .imgs{ width: 39%; margin-right: 0; height: 190px; }
    .li03:nth-child(2n) a .imgs{ margin: 0; }
    .li03 .texts{ width: 59%; }
    .li03 .texts h3{ font-size: 18px; line-height: 30px; padding-bottom: 5px; margin-bottom: 5px; }
    .li03 .texts .ts2{ margin: 0; height: 100px; }

    .lis{ width: 25%; }


}

@media (max-width:768px) {
	.footer{ margin-bottom: 56px; }
	.container-fluid{ padding: 0 6px; }

    .picFocus .hd ul li{ width: 50%; padding: 1px; }
    .picFocus .hd ul li.on::before{ display: none; }
    .abLf .ab_t{ font-size: 14px;}
    .abLf .mores{  margin-top: 15px; line-height: 35px; }
    .wp3_tit .p2{ font-size: 26px; }

    .tabs1 .tabLio{ padding: 3px; }
    .tabs1 .tabLio a{ font-size: 14px; line-height: 38px; width: 120px; }

    .parClear .swiper-container{ padding: 25px 0; }

    .xcbox > div{ width: 100%; float: none; }
    .xsText{ padding: 0; margin-top: 15px; }
	.mbCont p img{ width: 100%; height:auto;}
	.mbCont img{ width: 100%; height:auto;}
	
	
	.zs-box-text h3 {
		font-size: 24px;
	}
	.zs-left {
		font-size: 12px;
	}
	.zs-box {
		padding: 10px 0 50px 0;
	}
	.zs-sub input {
		border-radius: 12px; height:34px; line-height:34px;
	}
	.zs-input-all {
		width: 100%;
		margin: 0 auto;
	}


}	

 @media (max-width:640px) {
    .li01 a .texts h3{ font-size: 17px; line-height: 25px; }
    .li01 a .texts .ts1{ margin: 5px 0; }
    .li01 a .texts .mores{ line-height: 25px; border-radius: 15px; }

    .li03 a{ padding: 10px; }
    .li03 .texts h3{ font-size: 16px; padding: 0; }
    .li03 .texts .ts2{ font-size: 12px; }
    .li03 .imgs{ height: 150px; }

    .lis{ width: 33.3%; }
	.mbCont p img{ width: 100%; height:auto;}
	.mbCont img{ width: 100%; height:auto;}

}

 @media (max-width:540px) {	 
 	.top-logo img{ max-height: 74px; }
 	.navbar-toggle{ padding: 20px 0; }
 	.top-head .sjdnav{ top: 66px; }
    .tabs1{ padding: 5px 0; margin-bottom: 15px; }
    .swiper-news .xw_t{ font-size: 16px; margin-top: 10px; }
    .swiper-news .xw_t2{ margin-top: 0px; }
    .swiper-news .xw_time{ font-size: 12px; line-height: 20px; }
    .abRh .li a h3{ font-size: 20px; line-height: 25px; }
    .abRh .li a{ padding: 15px 10px 0 25px; height: 130px; }
    .tabs .tabLi a{ padding: 0 35px 0 20px; font-size: 14px; line-height: 42px; }

    .wp2_tit .par_t1{ font-size: 50px; }
    .tabs1 .tabLio{ max-width: 33%; }
    .tabs1 .tabLio a{ max-width: 100%; }

    .wp3_tit .p3{ font-size: 14px; line-height: 24px; }

    .picFocus .hd ul li a{ font-size: 14px;}
    .picFocus .hd ul li a .imgs{ width: 40px; margin-right: 5px; }

    .appClear .app_img{ height: 80px;}

    .li02 .xw_t{ font-size: 17px; }
    .li02 .xw_t2{ font-size: 12px; line-height: 22px; height: 66px; }
    .li02 .xwTime span{ font-size: 26px; }
    .li02 .xwTime{ width: 60px; height: 55px; }
	.mbCont p img{ width: 100%; height:auto;}
	.mbCont img{ width: 100%; height:auto;}


}

 @media (max-width:450px) {
    .li03 .texts .ts2{ height: 75px; }
    .li03 .imgs{ height: 115px; }
	.mbCont p img{ width: 100%; height:auto;}
	.mbCont img{ width: 100%; height:auto;}

 	
}
 

 @media (max-width:415px) {	
     
    .li01 a .texts{ padding: 8px; }
    .li01 a .texts .ts1{ font-size: 12px; line-height: 22px; height: 66px; margin-top: 0; }
	.mbCont p img{ width: 100%; height:auto;}
	.mbCont img{ width: 100%; height:auto;}
 	
 	
 	
 	
 	
}


 @media (max-width:350px) {
 	
 	
	
}
 @media (max-width:320px) { 


 }